<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="icon" href="favicon.ico">
    <meta name="theme-color" content="#000000"/>
    <title>Game Recharge</title>
    <script type="module">
        import process from "process";
        import EventEmitter from "events";
        import {Buffer} from "buffer";

        window.Buffer = Buffer;
        window.process = process;
        window.EventEmitter = EventEmitter;
    </script>
    <style>
        html, body {
            height: 100%;
        }

        #button-root {
            float: right;
            margin: 10px;
        }
    </style>
    <script src="/src/dev.ts" type="module"></script>

</head>
<body>
<header class="Header" data-v-c0319d0c="" data-v-641f292a=""><!---->
    <div class="Header-wrapper" data-v-c0319d0c="">
        <div to="/" class="Header-logo" data-v-c0319d0c="">
            <span class="Header-logoIcon" data-v-c0319d0c=""></span>
            <span class="Header-logoLabel" data-v-c0319d0c="">Bridge</span>
        </div><div class="Header-menu" data-v-c0319d0c="">
        <div id="button-root"></div>
    </div>
    </div>
</header>
<div class="success-view" style="display: none">
<div class="success-ico" style="margin-top: 150px;display: flex; justify-content: center; align-items: center;">
    <svg t="1715657195191"    class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4256" width="150" height="150"><path d="M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m260.654545 425.425455l-279.272727 279.272727c-5.585455 5.585455-13.032727 9.309091-21.410909 9.309091-10.24 1.861818-20.48-0.930909-27.927273-8.378182l-175.941818-176.872727a30.906182 30.906182 0 0 1 0-43.752728l14.894546-14.894545c12.101818-12.101818 31.650909-12.101818 43.752727 0l141.498182 141.498182 244.829091-244.829091c12.101818-12.101818 31.650909-12.101818 43.752727 0L772.654545 381.672727c12.101818 12.101818 12.101818 31.650909 0 43.752728z" fill="#65B85D" p-id="4257"></path>
    </svg>

</div>
<div class="success-title">Successful!!</div>
<p class="success-code" style="color: rgb(0, 0, 0); font-weight: 600;text-align: center;">OrderNumber：1789194720434589696</p>
    <p class="chakra-text description" style="text-align: center;">Launch a successful business with the TON blockchain: manage Dapps,
                tokens, and&nbsp;payments in just one place with a deeply integrated commercial API</p>
</div>

<div class="css-1vd7upv" id="order-view" style="border-width: 0px;border-style: solid;box-sizing: border-box;overflow-wrap: break-word;flex: 1 1 0%;">
    <div class="css-1lgyxa5">
        <div class="css-1ivoqk2">
            <h2 class="title">Connecting businesses to&nbsp;the&nbsp;TON ecosystem</h2>
            <p class="order-id">OrderNumber：123456789123465</p>
            <p class="chakra-text description">Launch a successful business with the TON blockchain: manage Dapps,
                tokens, and&nbsp;payments in just one place with a deeply integrated commercial API</p>
            <div class="css-mkxr31">
                <button type="button" class="active-button" id="button-link">
                  <span class="chakra-button__icon css-1wh2kri">
                    <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-p9t1d2" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.09992 7.07832C5.39488 5.20707 8.25885 3.97343 9.69185 3.3774C13.7834 1.6756 14.6335 1.37998 15.1877 1.37022C15.3095 1.36807 15.5821 1.39828 15.7586 1.54151C15.9076 1.66245 15.9486 1.82583 15.9683 1.9405C15.9879 2.05517 16.0123 2.31638 15.9929 2.52049C15.7712 4.85012 14.8118 10.5035 14.3237 13.1127C14.1172 14.2168 13.7105 14.587 13.3169 14.6232C12.4613 14.7019 11.8116 14.0578 10.9829 13.5146C9.68624 12.6646 8.9537 12.1355 7.69503 11.306C6.24043 10.3475 7.18338 9.82062 8.01236 8.95961C8.22931 8.73428 11.999 5.30548 12.0719 4.99444C12.0811 4.95554 12.0895 4.81053 12.0034 4.73396C11.9172 4.65739 11.7901 4.68357 11.6983 4.7044C11.5683 4.73392 9.49681 6.10309 5.48389 8.81192C4.89591 9.21567 4.36333 9.4124 3.88616 9.40209C3.36012 9.39072 2.34822 9.10465 1.59598 8.86013C0.673328 8.56021 -0.0599784 8.40164 0.00387615 7.89229C0.0371355 7.62699 0.402482 7.35566 1.09992 7.07832Z" fill="currentColor"></path>
                    </svg>
                  </span>Connect and Try
                </button>

                <button type="button" class="active-button" id="send-tx" style="margin-top: 15px">
                  <span class="chakra-button__icon css-1wh2kri">
                    <svg t="1715349590702" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5075" width="18" height="18">
                         <path id="send-tx-ico"  d="M511.574 31.76C246.4 31.76 31.483 246.733 31.483 511.849c0 265.11 214.916 480.088 480.091 480.088 265.05 0 480.09-214.978 480.09-480.088-0.001-265.116-215.04-480.09-480.09-480.09z m123.399 665.996c-25.255 18.63-55.76 32.694-92.017 35.57v59.202h-63.39v-60.14c-38.753-4.561-66.635-16.064-90.137-34.943-31.134-24.815-40.637-51.322-46.758-84.579l95.39-23.316c0 31.32 32.38 67.198 80.643 67.198 28.752 0 63.135-14.065 62.758-51.51-0.25-30.627-32.63-52.568-67.635-60.447-36.259-8.127-109.522-33.067-129.774-55.322-20.381-22.127-26.008-53.574-26.008-90.142 0-31.443 14.006-63.199 36.756-82.394 22.128-18.687 48.009-30.691 84.765-35.19v-50.509h63.39v50.322c34.755 3.75 63.386 14.691 85.391 33.442 27.378 23.506 41.255 53.635 41.255 71.764l-95.268 22.379c0-23.502-35.256-52.51-59.26-52.51-31.13 0-55.76 8.754-55.76 47.694 0 28.008 21.256 37.134 58.14 48.949 62.01 19.754 109.016 45.443 130.644 67.637 21.505 22.319 32.257 50.387 32.257 84.326 0 41.95-15.63 70.27-45.382 92.52z" fill="#ffffff" p-id="5076"></path>
                    </svg>
                  </span>Transfer Accounts
                </button>
                <a class="explain" rel="noopener" id="payment-status" target="_blank">
<!--                    <svg t="1715852689656" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1478" width="18" height="18">-->
<!--                        <path style="fill:rgb(0, 152, 234)" d="M512 960c-246.784 0-448-201.216-448-448S265.216 64 512 64s448 201.216 448 448-201.216 448-448 448z m0-834.56c-212.992 0-386.56 173.568-386.56 386.56s173.568 386.56 386.56 386.56 386.56-173.568 386.56-386.56-173.568-386.56-386.56-386.56z" p-id="1479" fill="#ffffff"></path><path d="M554.496 246.784c29.696 7.168 44.032 41.984 37.376 71.68-7.168 29.696-34.816 54.784-64.512 47.616-29.696-7.168-40.96-41.472-34.304-71.168 7.168-29.696 31.744-55.296 61.44-48.128zM427.008 466.432s89.6-78.336 124.416-62.976c23.552 6.144 10.752 112.128 7.168 126.464-1.024 12.8-21.504 174.08-16.384 181.248 7.168 26.624 15.36 5.632 40.448-15.36 0 0 58.88-39.936-4.096 43.008-52.224 55.808-102.912 48.64-110.592 6.656-6.144-31.744 18.944-223.744 25.088-266.752 2.048-14.336-15.872 0-15.872 0s-48.64 30.208-60.416 9.728c-3.072-5.632 1.536-14.336 10.24-22.016z" p-id="1480" fill="#ffffff"></path>-->
<!--                    </svg>-->
<!--                    <span class="chakra-button__icon css-1wh2kri">-->
<!--                        <svg viewBox="0 0 16 16" focusable="false" class="chakra-icon css-34dr4n" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">-->
<!--                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.99904 0.250001L7.2679 0.25C6.45506 0.249993 5.79944 0.249987 5.26853 0.293364C4.7219 0.338026 4.24176 0.432386 3.79754 0.658726C3.09193 1.01825 2.51825 1.59193 2.15873 2.29754C1.93239 2.74175 1.83803 3.2219 1.79336 3.76853C1.74999 4.29944 1.74999 4.95504 1.75 5.76787V10.2321C1.74999 11.0449 1.74999 11.7006 1.79336 12.2315C1.83803 12.7781 1.93239 13.2582 2.15873 13.7025C2.51825 14.4081 3.09193 14.9818 3.79754 15.3413C4.24176 15.5676 4.7219 15.662 5.26853 15.7066C5.79944 15.75 6.45505 15.75 7.26788 15.75H9.73212C10.545 15.75 11.2006 15.75 11.7315 15.7066C12.2781 15.662 12.7582 15.5676 13.2025 15.3413C13.9081 14.9818 14.4818 14.4081 14.8413 13.7025C15.0676 13.2582 15.162 12.7781 15.2066 12.2315C15.25 11.7006 15.25 11.045 15.25 10.2321L15.25 6.27243C15.2504 6.02274 15.2507 5.78377 15.1947 5.55088C15.1457 5.3468 15.0649 5.15171 14.9553 4.97277C14.8301 4.76855 14.661 4.59979 14.4842 4.42345L11.0766 1.01583C10.9002 0.839052 10.7315 0.669867 10.5272 0.54472C10.3483 0.435063 10.1532 0.354254 9.94912 0.305261C9.71623 0.249347 9.47726 0.249644 9.22758 0.249954L9.00096 0.250001C9.00064 0.25 9.00128 0.250001 9.00096 0.250001C9.00064 0.250001 8.99936 0.25 8.99904 0.250001ZM8.25 1.75V4.08102C8.24999 4.48469 8.24998 4.83205 8.27334 5.11797C8.29797 5.41949 8.35228 5.7181 8.49851 6.0051C8.7171 6.43411 9.06589 6.7829 9.4949 7.00149C9.7819 7.14773 10.0805 7.20203 10.382 7.22666C10.668 7.25003 11.0153 7.25001 11.419 7.25L13.75 7.25V10.65C13.75 11.9101 13.75 12.5402 13.5048 13.0215C13.2891 13.4448 12.9448 13.7891 12.5215 14.0048C12.0402 14.25 11.4101 14.25 10.15 14.25H6.85C5.58988 14.25 4.95982 14.25 4.47852 14.0048C4.05516 13.7891 3.71095 13.4448 3.49524 13.0215C3.25 12.5402 3.25 11.9101 3.25 10.65V5.35C3.25 4.08988 3.25 3.45982 3.49524 2.97852C3.71095 2.55516 4.05516 2.21095 4.47852 1.99524C4.95982 1.75 5.58988 1.75 6.85 1.75H8.25ZM13.6722 5.75C13.6513 5.71791 13.6096 5.67029 13.3839 5.44454L10.0555 2.11612C9.82971 1.89037 9.78209 1.84871 9.75 1.82779V4.55C9.75 4.97004 9.75 5.18006 9.83175 5.34049C9.90365 5.48161 10.0184 5.59635 10.1595 5.66825C10.3199 5.75 10.53 5.75 10.95 5.75H13.6722Z" fill="black"></path>-->
<!--                        </svg>-->
                    </span>I have paid...</a>
            </div>
        </div>
    </div>
</div>

<!--<div id="tc-root" class="tc-root" style="display: block">转 账</div>-->
<div id="content" style="word-break: break-word; margin-top: 60px; padding: 0 10px;"></div>
<noscript>You need to enable JavaScript to run this app.</noscript>
<style type="text/css">
.css-1lgyxa5 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    max-width: 1440px;
    height: 100%;
    margin-inline: auto;
}
.css-1vd7upv {
    height: 100%;
}
.css-1ivoqk2 {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 1 1 0%;
    max-width: 648px;
    max-height: 600px;
    margin-inline: auto;
    margin: 15px;
    padding-top: -30px;
    padding-bottom: 30px;
    text-align: start;
}
.title {
    font-size: 32px;
    font-weight: 900;
    line-height: 40px;
    min-height: 40px;
    cursor: default;
    margin-bottom: 5px;
}
.order-id{
    width: 100%;
    margin-top: 8px;
    margin-bottom: -5px;
}
.description {
    margin-right: 15px;
    /*margin-top: 25px;*/
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    min-height: 22px;
    margin-bottom: 15px;
    color: #7E868F
}
.css-mkxr31 {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.active-button {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 20px;
    border-radius: 7px;
    font-weight: 600;
    border: 0px;
    cursor: pointer;
    height: 20px;
    min-width: 100%;
    font-size: 14px;
    min-height: 44px;
    background-color: #0098EA;
    color: rgb(255, 255, 255);
}
.explain {
    margin-top: 15px;
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 20px;
    border-radius: 7px;
    font-weight: 600;
    border: 0px;
    cursor: pointer;
    font-size: 14px;
    min-height: 44px;
    background-color: rgb(255 255 255);
    color: rgb(0, 0, 0);
}
.css-1wh2kri {
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
    margin-inline-end: 0.5rem;
}
.css-34dr4n {
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    fill: none;
}
.css-1wh2kri {
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
    margin-inline-end: 0.5rem;
}
.css-p9t1d2 {
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    fill: none;
}

.explain {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 20px;
    border-radius: 7px;
    font-weight: 600;
    border: 0px;
    cursor: pointer;
    font-size: 14px;
    min-height: 44px;
    background-color: rgb(255 255 255);
    color: #7E868F;
}
.Header[data-v-c0319d0c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
.Header-wrapper[data-v-c0319d0c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 22px 10px;
    transition: transform .25s, border .25s;
    border-bottom: 1px solid transparent;
    background: #fff;
}

.Header-menu[data-v-c0319d0c] {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.success-title{
    font-size: 32px;
    font-weight: 900;
    line-height: 40px;
    min-height: 40px;
    cursor: default;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 35px;
    color: #65b85d;
}
</style>
</body>

</html>
